@charset "UTF-8";

//
// @copyright        2017 opencart.cn - All Rights Reserved
// @link             http://www.guangdawangluo.com
// @author           Pu shuo <pushuo@opencart.cn>
// @created          2017-12-11 20:39:06
// @modified         2017-12-11 21:13:19
//

#product-compare {
    width: 1200px;
    padding: 0;
    margin-bottom: 150px;
    #content {
        & > h1 {
            margin: 37px 0;
        }
    }

    .compare-container {
        display: flex;
    }

    .table-bordered {
        text-align: center;
        &.extra-attr {
            margin-top: 14px;
            color: #333;
            thead {
                tr {
                    height: 46px;
                    font-size: 20px;
                    td {
                        vertical-align: middle;
                    }
                }
            }
            tbody {
                & + tbody {
                    border-top: none;
                }
                td {
                    font-size: 14px;
                    vertical-align: middle;
                    &.attr-name {
                        width: 28px;
                        max-width: 28px;
                        font-size: 16px;
                        font-weight: bold;
                        word-break: break-all;
                    }
                    &.blank-td {
                        width: 53px;
                    }
                    &.attr-value {
                        width: 260px;
                    }
                    &.first-attr {
                        width: 232px;
                    }
                }
            }
        }
    }

    .product-name {
        color: $brand-primary;
    }

    .compaer-price {
        font-size: 16px;
        color: #333;
        font-weight: 600;

        .price-old {
            font-weight: 500;
            color: #888;
            text-decoration: line-through;
        }
    }

    .rating {
        .rating-list {
            margin-top: 6px;
        }
    }

    .compare-button input, .compare-button a {
        display: inline-block;
        width: 47%;
    }
}